<!-- Dom模板 -->
<template>
  <div>
    <!-- Dom内容 -->
    
        <p>{{group.title}}</p>
        <div class="item" v-for="(item,index) in group.group" :key="index">
                <!-- {{item}} -->
            <div>
                <p>{{item.shop}}</p>
            <p>{{item.introduce}}</p>
            <p>{{item.price}}</p>
            </div>
            <button @click="caradd(item)">加入购物车</button>
        </div>
        
  </div>
</template>

<script>
// import a from './a'; // 引入组件
export default {
  name: '',
  props:['group'],
  data() {
    return {
      msg: '测试'
    }
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {
      
  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {
  },
  // Vue方法定义
  methods: {
      caradd(item){
          this.$store.commit('classfy/carAdd',{group:item,num:1,checked:true})
      }
  }
}
</script>

<style scoped>
/* @import url(''); 引入css类 */
.item{
    height:150px;
    border: 1px solid #ccc;
}
</style>